<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
            //1.获取name对象，绑定click事件
            $("#name").click(function () {
                alert("我被点击了...")
            });
            //给name绑定鼠标移动到元素之上的事件,绑定鼠标移出事件
            //移到事件上显示"鼠标来了",离开事件后显示鼠标走了
            $("#name").mouseover(function () {
                alert("鼠标来了")
            })
            $("#name").mouseout(function () {
                alert("鼠标来了")
            })
            ("#name").focus();//让文本输入框获得焦点
            //表单对象.submit();//让表单提交
        });
    </script>
</head>
<body>
<input id="name" type="text" value="绑定点击事件">
</body>
</html>
